<!DOCTYPE html> 
<html lang="en">
<head>
  <!-- charset="UTF-8"  UTF-8万国码   -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 视口设置  vp 设置 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 网站的关键字 -->
  <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">
  <!-- 网站的描述 -->
  <meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">
  <title>Document</title>
  <style>
    /* *{
      margin: 0;
      padding: 0;
    } */
  </style>
</head>
<body>
    <!-- 新增的语义化标签
    作用：更利于浏览器的搜索引擎 搜索
    百度，360的搜索
  
   -->
   <header>头部</header>
   <!-- 导航 navigation -->
    <nav>导航</nav>
    <menu>菜单</menu>
    <section>块级包裹</section> 
    <aside>侧边栏</aside>
    <article>文章</article>
   <footer>脚步</footer>
   <!-- progress 进度条  value 当前值   max="最大值" min="最小值" -->
   <progress  value="20" max="100"
    >
   </progress>
   <!-- mark 标记  -->
   <p>Do not forget to buy <mark>milk</mark> today.</p>
 

</body>
</html>